<template>
	<view class="u-f u-f-js longinzhuangtai">
		<view class="userinfo u-f" @tap.stop="toUserSpace">
			<image :src="homeinfo.userpic" mode="widthFix"></image>
			<view>
				<view class="username" v-text="homeinfo.username">昵称</view>
				<view class="u-f">
					<view class="totalcount">总访客 {{homeinfo.totalnum}} </view>
					<view class="totalcount-today">今日 {{homeinfo.todaynum}}</view>
				</view>
			</view>
		</view>
		<view class="icon iconfont icon-jinru"></view>
	</view>
</template>

<script>
	export default {
		props:{
			homeinfo : Object
		},
		methods:{
			toUserSpace(){
				uni.navigateTo({
					url:"../../pages/user-space/user-space"
				})
			}
		}
	}
</script>

<style scoped>
	.longinzhuangtai {
		padding: 20upx 40upx;
		align-items: center;
	}
	.longinzhuangtai > view:last-of-type{
		font-size: 32upx;
		color:#333;
	}
	.userinfo >image {
		width: 100upx;
		height: 100upx;
		border-radius: 50%;
		margin-right: 20upx;
	}
	
	.username {
		font-size: 35upx;
	}
	.userinfo > view:last-child > view:last-child {
		/* color:#A1A1A1; */
	}
	.totalcount{
		margin-right: 10upx;
	}
	.totalcount-today,.totalcount{
		font-size: 28upx;
		color:#CCCCCC;
	}
</style>
